图标网格
图标网格为图形元素的定位建立了一套清晰的规则, 图标设计在网格内完成,让图标设计形成一个灵活而连贯的系统,促进一致性。
正方形
圆形
Keyline形状
关键线形状是网格的基础。通过使用这些核心形状作为指导,您可以在相关的系统图标之间保持一致的视觉比例。
正方形
圆形
竖向矩形
横向矩形
内容区域
图标的内容应该保留在安全区域内。裁剪区域指的是图形文件的最终大小。如果需要额外的视觉重量,内容只应扩展到活动区域和修剪区域之间。
不要将图标的任何部分放置在修剪区域之外。
活动区域
修剪区域
DP单元网格
系统图标一般显示在24dp里。在设计图标时,保证100%的像素精度是非常重要的。缩放图标时,通过保持单位比率,可以保持锐利的边缘。
对于密集的布局,可以通过压缩度量来容纳密集的布局,图标可以缩减到20dp。
原比例100%
等比缩放400%
20dp / 原比例100%
20dp / 等比缩放400%